// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

const NoInternetConnectionSvg: React.FC = () => {
    return (
        <svg
            width='311'
            height='216'
            viewBox='0 0 311 216'
            fill='none'
            xmlns='http://www.w3.org/2000/svg'
        >
            <g clipPath='url(#clip0)'>
                <path
                    d='M61.9647 216C96.1868 216 123.929 213.897 123.929 211.302C123.929 208.707 96.1868 206.604 61.9647 206.604C27.7425 206.604 0 208.707 0 211.302C0 213.897 27.7425 216 61.9647 216Z'
                    fill='#3D3C40'
                    fillOpacity='0.08'
                />
                <path
                    d='M47.3647 47.9266C58.1484 43.348 71.5797 46.2489 84.6968 48.2623C84.8189 45.8241 86.2984 42.8567 84.7486 41.1556C82.8656 39.089 83.039 36.9175 84.172 34.7336C87.0694 29.1489 82.9183 23.2065 78.7269 18.2655C77.7822 17.1543 76.5882 16.2813 75.242 15.7172C73.8958 15.1532 72.4353 14.9141 70.9792 15.0193L63.2149 15.5729C61.3256 15.7076 59.5225 16.4151 58.047 17.6008C56.5715 18.7864 55.4939 20.3936 54.9584 22.2072C53.1044 24.7242 52.1122 27.2343 52.7369 29.7312C49.96 31.6256 49.4934 33.9123 50.7413 36.4901C51.7994 38.1132 51.7881 39.6932 50.6931 41.2294C49.2551 43.188 48.1537 45.3718 47.4341 47.6915L47.3647 47.9266Z'
                    fill='#152235'
                />
                <path
                    d='M303.63 186.728H83.8449C81.8904 186.728 80.0159 185.953 78.6339 184.574C77.2518 183.194 76.4754 181.323 76.4754 179.372C156.148 170.129 234.322 170.129 311 179.372C311 181.323 310.224 183.194 308.842 184.574C307.459 185.953 305.585 186.728 303.63 186.728Z'
                    fill='#0D1521'
                />
                <path
                    d='M311 179.805L76.4754 179.372L103.656 133.718L103.786 133.501V32.8841C103.786 31.6628 104.027 30.4535 104.495 29.3252C104.963 28.1968 105.649 27.1716 106.514 26.308C107.379 25.4445 108.406 24.7595 109.537 24.2922C110.667 23.8248 111.879 23.5844 113.102 23.5845H273.073C274.296 23.5844 275.508 23.8248 276.638 24.2922C277.768 24.7595 278.795 25.4445 279.66 26.308C280.526 27.1716 281.212 28.1968 281.68 29.3252C282.148 30.4535 282.389 31.6628 282.389 32.8841V134.194L311 179.805Z'
                    fill='#152235'
                />
                <path
                    d='M112.89 30.0757C112.085 30.0766 111.314 30.396 110.745 30.9639C110.176 31.5318 109.856 32.3018 109.855 33.1049V124.846C109.856 125.649 110.176 126.419 110.745 126.987C111.314 127.555 112.085 127.875 112.89 127.876H274.586C275.39 127.875 276.162 127.555 276.73 126.987C277.299 126.419 277.619 125.649 277.62 124.846V33.1049C277.619 32.3018 277.299 31.5318 276.731 30.964C276.162 30.3961 275.39 30.0766 274.586 30.0757H112.89Z'
                    fill='white'
                />
                <path
                    d='M113.567 139.992C113.318 139.993 113.075 140.064 112.866 140.198C112.657 140.332 112.49 140.523 112.386 140.748L104.01 158.923C103.919 159.121 103.879 159.338 103.894 159.555C103.91 159.773 103.979 159.983 104.097 160.166C104.214 160.349 104.376 160.5 104.568 160.605C104.759 160.709 104.974 160.764 105.192 160.764H281.317C281.539 160.764 281.757 160.707 281.951 160.6C282.144 160.492 282.307 160.336 282.424 160.148C282.54 159.96 282.606 159.745 282.616 159.524C282.626 159.303 282.579 159.083 282.48 158.885L273.377 140.71C273.269 140.494 273.103 140.312 272.898 140.185C272.692 140.058 272.455 139.991 272.214 139.992H113.567Z'
                    fill='#0D1521'
                />
                <path
                    d='M193.087 28.5612C194.165 28.5612 195.038 27.6893 195.038 26.6138C195.038 25.5384 194.165 24.6665 193.087 24.6665C192.01 24.6665 191.137 25.5384 191.137 26.6138C191.137 27.6893 192.01 28.5612 193.087 28.5612Z'
                    fill='white'
                />
                <path
                    d='M175.776 164.226C175.49 164.226 175.212 164.321 174.985 164.494C174.758 164.668 174.595 164.911 174.52 165.187L172.419 172.976C172.367 173.168 172.36 173.37 172.399 173.566C172.438 173.761 172.521 173.945 172.643 174.103C172.764 174.261 172.92 174.39 173.099 174.478C173.278 174.566 173.475 174.612 173.675 174.612H213.628C213.835 174.612 214.04 174.562 214.224 174.468C214.408 174.373 214.567 174.235 214.687 174.067C214.808 173.898 214.886 173.703 214.915 173.498C214.945 173.293 214.924 173.085 214.857 172.889L212.156 165.1C212.067 164.845 211.901 164.623 211.681 164.467C211.461 164.31 211.197 164.226 210.927 164.226H175.776Z'
                    fill='#0D1521'
                />
                <path
                    d='M282.389 131.987V133.718H103.656L103.79 133.502V131.987H282.389Z'
                    fill='#0D1521'
                />
                <path
                    d='M277.404 60.584C294.163 60.584 307.749 47.0218 307.749 30.292C307.749 13.5622 294.163 0 277.404 0C260.644 0 247.058 13.5622 247.058 30.292C247.058 47.0218 260.644 60.584 277.404 60.584Z'
                    fill='#0058CC'
                />
                <path
                    d='M289.975 43.4908H264.832C264.372 43.4903 263.931 43.3078 263.606 42.9833C263.281 42.6587 263.098 42.2187 263.098 41.7598V26.6138C263.099 26.1548 263.281 25.7149 263.606 25.3903C263.932 25.0658 264.372 24.8833 264.832 24.8828H289.975C290.435 24.8833 290.876 25.0658 291.201 25.3903C291.526 25.7149 291.709 26.1548 291.709 26.6138V41.7598C291.709 42.2187 291.526 42.6587 291.201 42.9833C290.876 43.3078 290.435 43.4903 289.975 43.4908ZM264.832 26.6138V41.7598H289.976L289.975 26.6138L264.832 26.6138Z'
                    fill='white'
                />
                <path
                    d='M285.207 26.6134H269.601V19.6895C269.601 14.6745 272.882 11.0347 277.404 11.0347C281.925 11.0347 285.207 14.6745 285.207 19.6895L285.207 26.6134ZM271.335 24.8824H283.473V19.6895C283.473 15.6129 280.977 12.7656 277.404 12.7656C273.83 12.7656 271.335 15.6129 271.335 19.6895L271.335 24.8824Z'
                    fill='white'
                />
                <path
                    d='M277.404 35.4849C278.361 35.4849 279.138 34.7099 279.138 33.7539C279.138 32.7979 278.361 32.0229 277.404 32.0229C276.446 32.0229 275.67 32.7979 275.67 33.7539C275.67 34.7099 276.446 35.4849 277.404 35.4849Z'
                    fill='white'
                />
                <path
                    d='M256.22 96.7577H131.255C130.642 96.757 130.054 96.5133 129.62 96.0803C129.186 95.6472 128.942 95.06 128.941 94.4476V63.5035C128.942 62.891 129.186 62.3038 129.62 61.8708C130.054 61.4377 130.642 61.1941 131.255 61.1934H256.22C256.834 61.1941 257.422 61.4377 257.856 61.8708C258.289 62.3038 258.534 62.891 258.534 63.5035V94.4476C258.534 95.06 258.289 95.6472 257.856 96.0803C257.422 96.5133 256.834 96.757 256.22 96.7577ZM131.255 62.1174C130.887 62.1178 130.534 62.264 130.274 62.5238C130.014 62.7837 129.867 63.136 129.867 63.5035V94.4476C129.867 94.8151 130.014 95.1674 130.274 95.4272C130.534 95.6871 130.887 95.8332 131.255 95.8336H256.22C256.588 95.8332 256.941 95.6871 257.201 95.4272C257.462 95.1674 257.608 94.8151 257.609 94.4476V63.5035C257.608 63.136 257.462 62.7837 257.201 62.5238C256.941 62.264 256.588 62.1178 256.22 62.1174L131.255 62.1174Z'
                    fill='#3D3C40'
                    fillOpacity='0.16'
                />
                <path
                    d='M150.672 87.1982C155.878 87.1982 160.099 82.9851 160.099 77.7881C160.099 72.591 155.878 68.3779 150.672 68.3779C145.466 68.3779 141.246 72.591 141.246 77.7881C141.246 82.9851 145.466 87.1982 150.672 87.1982Z'
                    fill='#3D3C40'
                    fillOpacity='0.16'
                />
                <path
                    d='M172.443 71.5147C172.237 71.5143 172.032 71.5546 171.841 71.6333C171.65 71.712 171.477 71.8275 171.331 71.9731C171.185 72.1188 171.069 72.2918 170.99 72.4822C170.91 72.6727 170.87 72.8768 170.87 73.083C170.87 73.2892 170.91 73.4933 170.99 73.6838C171.069 73.8742 171.185 74.0472 171.331 74.1929C171.477 74.3385 171.65 74.454 171.841 74.5327C172.032 74.6113 172.237 74.6517 172.443 74.6514H246.51C246.927 74.6514 247.326 74.4861 247.621 74.192C247.915 73.8979 248.081 73.499 248.081 73.083C248.081 72.667 247.915 72.2681 247.621 71.974C247.326 71.6799 246.927 71.5147 246.51 71.5147H172.443Z'
                    fill='#3D3C40'
                    fillOpacity='0.16'
                />
                <path
                    d='M172.443 80.9248C172.027 80.9248 171.627 81.09 171.332 81.3842C171.038 81.6783 170.872 82.0772 170.872 82.4932C170.872 82.9091 171.038 83.308 171.332 83.6022C171.627 83.8963 172.027 84.0615 172.443 84.0615H204.314C204.731 84.0615 205.131 83.8963 205.425 83.6022C205.72 83.308 205.886 82.9091 205.886 82.4932C205.886 82.0772 205.72 81.6783 205.425 81.3842C205.131 81.09 204.731 80.9248 204.314 80.9248H172.443Z'
                    fill='#3D3C40'
                    fillOpacity='0.16'
                />
                <path
                    d='M103.348 81.5594L80.2478 93.8193L79.9554 83.6027C87.4953 82.3462 94.6687 80.1586 101.302 76.5971L103.718 70.6385C103.981 69.9892 104.409 69.4194 104.959 68.9851C105.51 68.5508 106.164 68.2668 106.858 68.161C107.551 68.0553 108.26 68.1314 108.916 68.382C109.571 68.6325 110.15 69.0489 110.595 69.5901C111.247 70.382 111.572 71.3916 111.506 72.4143C111.44 73.437 110.987 74.3963 110.239 75.098L103.348 81.5594Z'
                    fill='#A1616A'
                />
                <path
                    d='M46.9042 152.343C46.7357 151.726 46.6999 151.081 46.7992 150.449C46.8985 149.817 47.1307 149.214 47.4804 148.678L52.555 140.904C53.7552 139.065 55.5969 137.737 57.7227 137.177C59.8485 136.617 62.1069 136.865 64.0596 137.874C61.9269 141.497 62.2243 144.677 64.7962 147.439C60.8036 149.385 57.1134 151.896 53.8402 154.895C53.2426 155.302 52.5563 155.56 51.8385 155.648C51.1208 155.737 50.3922 155.653 49.7136 155.403C49.035 155.153 48.426 154.745 47.9374 154.213C47.4487 153.681 47.0944 153.04 46.9042 152.343Z'
                    fill='#2F2E41'
                />
                <path
                    d='M104.401 142.178C103.633 143.456 102.549 144.515 101.253 145.254C99.9568 145.993 98.4923 146.387 96.9998 146.398L63.2878 146.653L61.8257 138.188L76.7388 133.809L64.165 124.177L77.9084 108.122L102.871 131.347C104.33 132.705 105.278 134.521 105.556 136.492C105.835 138.464 105.427 140.471 104.401 142.178Z'
                    fill='#152235'
                />
                <path
                    d='M58.0243 200.072H50.1291C43.0404 151.566 35.8248 102.925 57.1471 84.7705L82.2946 88.8571L79.0781 110.166L65.0422 126.221L58.0243 200.072Z'
                    fill='#152235'
                />
                <path
                    d='M64.9645 211.06C64.3465 211.228 63.6997 211.264 63.0668 211.165C62.4339 211.065 61.8292 210.834 61.2925 210.485L52.72 209.334C50.8779 208.136 49.5473 206.298 48.9863 204.176C48.4254 202.054 48.674 199.799 49.6841 197.85C53.3144 199.979 56.499 199.682 59.2665 197.114C61.2219 201.056 64.4436 200.815 67.5205 204.136C67.9279 204.732 68.1867 205.417 68.2752 206.134C68.3637 206.85 68.2794 207.578 68.0293 208.255C67.7792 208.932 67.3706 209.54 66.8375 210.028C66.3044 210.516 65.6623 210.87 64.9645 211.06Z'
                    fill='#0058CC'
                />
                <path
                    d='M76.7388 52.3693L62.1181 48.8664C64.5464 43.9047 64.7463 38.3837 63.5802 32.5199L73.5222 32.228C73.8337 39.5198 74.7762 46.3321 76.7388 52.3693Z'
                    fill='#965962'
                />
                <path
                    d='M80.7571 97.646C70.1137 104.886 62.5935 97.8937 56.8546 87.1056C57.6521 80.5043 56.3609 72.6044 53.9695 64.0206C52.9059 60.2345 53.303 56.188 55.0823 52.6799C56.8616 49.1718 59.8937 46.4571 63.5802 45.0718L76.154 50.326C86.8306 59.0134 88.932 68.4237 84.9264 78.3486L80.7571 97.646Z'
                    fill='#0058CC'
                />
                <path
                    d='M50.1291 59.6667L38.4326 65.7966L59.194 78.0565L62.0828 85.1698C62.2756 85.6445 62.3695 86.1535 62.3588 86.6657C62.3482 87.1779 62.2331 87.6826 62.0206 88.1489C61.8082 88.6153 61.5028 89.0336 61.1232 89.3783C60.7435 89.7229 60.2975 89.9868 59.8123 90.1538C59.2608 90.3437 58.6728 90.4035 58.0943 90.3286C57.5157 90.2537 56.9624 90.0461 56.4777 89.7221C55.9929 89.3982 55.5899 88.9665 55.3001 88.4611C55.0104 87.9556 54.8417 87.3901 54.8075 86.8088L54.5154 81.8512L28.1279 73.1586C27.2388 72.8657 26.4282 72.3747 25.7574 71.7228C25.0865 71.0709 24.5731 70.2751 24.256 69.3958C23.7938 68.114 23.7702 66.7154 24.1891 65.4189C24.608 64.1224 25.4456 63.0011 26.5709 62.2304L47.7898 47.6987L50.1291 59.6667Z'
                    fill='#A1616A'
                />
                <path
                    d='M61.8257 60.8345C56.9475 58.7004 52.5117 61.0186 46.9126 62.8778L46.0354 47.407C51.595 44.449 56.8957 43.6514 61.8257 45.9475L61.8257 60.8345Z'
                    fill='#0058CC'
                />
                <path
                    d='M67.6611 39.8912C72.8166 39.8912 76.9959 35.7192 76.9959 30.5728C76.9959 25.4264 72.8166 21.2544 67.6611 21.2544C62.5057 21.2544 58.3264 25.4264 58.3264 30.5728C58.3264 35.7192 62.5057 39.8912 67.6611 39.8912Z'
                    fill='#A1616A'
                />
                <path
                    d='M78.8285 29.3971C69.5863 30.3007 62.5438 28.7918 58.0429 24.4956V21.0356H78.0441L78.8285 29.3971Z'
                    fill='#152235'
                />
            </g>
            <defs>
                <clipPath id='clip0'>
                    <rect
                        width='311'
                        height='216'
                        fill='white'
                    />
                </clipPath>
            </defs>
        </svg>
    );
};

export default NoInternetConnectionSvg;
